<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta http-equiv="Expires" content="0">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Cache-control" content="no-cache">
    <meta http-equiv="Cache" content="no-cache">
    <title>智能进出口服务平台</title>
    <link rel="shortcut icon" type="image/x-icon" href="/images/logo.ico" />
    <link rel="stylesheet" type="text/css" href="/layui/css/layui.css?v=202001010101" />
    <link rel="stylesheet" type="text/css" href="/css/font-awesome.min.css?v=202001010101" />
    <link rel="stylesheet" type="text/css" href="/css/jquery-ui.css?v=202001010101">
    <link rel="stylesheet" type="text/css" href="/css/style.css?v=202001010101">
    <style type="text/css">
        .layui-table[lay-size=sm] tbody td{padding: 0px;}
        .layui-table[lay-size=sm] tbody td input{border: 0px;}
        .layui-card-body .layui-table{margin: 0px;}
        .tabBody{overflow-y: auto;max-height: 310px;}
        .layui-form-radio{margin: 0px;}
    </style>
</head>
<body>
<div class="tsf-page-content" style="padding: 0px;">
    <form class="layui-form" method="post" lay-filter="mainForm" id="mainForm">
        <input type="hidden" name="id" id="id"/>
        <div class="layui-card-header"><span class="def-fc left-split"><i class="fa fa-address-card-o"></i>基础信息</span></div>
        <div class="layui-card-body">
            <div class="layui-row">
                <div class="layui-col-md3">
                    <label class="layui-form-label">客户名称</label>
                    <div class="layui-input-block">
                        <input type="hidden" name="customerId" id="customerId"/>
                        <input name="customerName" id="customerName" class="layui-input layui-disabled" readonly/>
                    </div>
                </div>
                <div class="layui-col-md3">
                    <label class="layui-form-label">申请时间</label>
                    <div class="layui-input-block">
                        <input name="accountDate" id="accountDate" class="layui-input layui-disabled" readonly/>
                    </div>
                </div>
                <div class="layui-col-md3">
                    <label class="layui-form-label">付款金额</label>
                    <div class="layui-input-block">
                        <div class="layui-col-md6">
                            <input name="accountValue" id="accountValue" class="layui-input start-input layui-disabled" readonly/>
                        </div>
                        <div class="layui-col-md6">
                            <input type="hidden" name="currencyId" id="currencyId"/>
                            <input name="currencyName" id="currencyName" class="layui-input end-input layui-disabled" readonly/>
                        </div>
                    </div>
                </div>
                <div class="layui-col-md3">
                    <label class="layui-form-label">付款汇率</label>
                    <div class="layui-input-block">
                        <div class="layui-col-md6">
                            <input name="exchangeRate" id="exchangeRate" class="layui-input start-input layui-disabled" readonly/>
                        </div>
                        <div class="layui-col-md6">
                            <input name="accountValueCny" id="accountValueCny" class="layui-input end-input layui-disabled" readonly/>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-row">
                <div class="layui-col-md12">
                    <label class="layui-form-label"><span class="text-danger">*</span>收款信息</label>
                    <div class="layui-input-block">
                        <div class="layui-col-md4">
                            <input name="payeeName" id="payeeName" class="layui-input start-input required auto-supplier" placeholder="收款人" clear-val/>
                        </div>
                        <div class="layui-col-md3">
                            <input name="payeeBankName" id="payeeBankName" class="layui-input cen-input required auto-supplier-bank" placeholder="收款银行" clear-val/>
                        </div>
                        <div class="layui-col-md2">
                            <input name="payeeBankAccountNo" id="payeeBankAccountNo" class="layui-input cen-input required layui-disabled" placeholder="收款行账号" readonly/>
                        </div>
                        <div class="layui-col-md2">
                            <input name="swiftCode" id="swiftCode" class="layui-input end-input required layui-disabled" placeholder="SWIFT CODE" readonly/>
                        </div>
                        <div class="layui-col-md1" style="padding-left: 4px;">
                            <button type="button" id="addSupplier" class="layui-btn layui-btn-sm layui-btn-normal layui-btn-fluid quick-btn"><i class="fa fa-cog"></i>维护</button>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-row">
                <div class="layui-col-md12">
                    <label class="layui-form-label">收款行地址</label>
                    <div class="layui-input-block">
                        <div class="layui-col-md10">
                            <input name="payeeBankAddress" id="payeeBankAddress" class="layui-input start-input layui-disabled" placeholder="收款行地址" readonly/>
                        </div>
                        <div class="layui-col-md2">
                            <input name="ibankCode" id="ibankCode" class="layui-input end-input layui-disabled" placeholder="IBANK CODE" readonly/>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-row">
                <div class="layui-col-md3">
                    <label class="layui-form-label"><span class="text-danger">*</span>付款方式</label>
                    <div class="layui-input-block">
                        <select id="paymentTerm" name="paymentTerm" class="sel-load" sel-url="scm/common/bizSelect?type=PaymentTerm" cache="static_payment_term" sel-data-name="PaymentTerm" sel-key="value" sel-val="label"></select>
                    </div>
                </div>
                <div class="layui-col-md3">
                    <label class="layui-form-label"><span class="text-danger">*</span>手续费承担方式</label>
                    <div class="layui-input-block">
                        <input type="radio" name="counterFeeType" value="OUR" title="客户承担" checked lay-filter="calculationFee"/>
                        <input type="radio" name="counterFeeType" value="BEN" title="供应商承担" lay-filter="calculationFee"/>
                        <input type="radio" name="counterFeeType" value="SHA" title="共同承担" lay-filter="calculationFee"/>
                    </div>
                </div>
                <div class="layui-col-md6">
                    <label class="layui-form-label">付款要求</label>
                    <div class="layui-input-block">
                        <input name="memo" id="memo" class="layui-input" placeholder="客户付款要求"/>
                    </div>
                </div>
            </div>
            <div class="layui-row">
                <blockquote class="layui-elem-quote" style="margin-top: 10px">
                    <div class="layui-row"><span class="layui-badge-dot"></span>&nbsp;&nbsp;申请付汇金额(<span id="foreignCurrency"></span>)：<span class="layui-badge layui-bg-green rpayVal"></span></div>
                    <div class="layui-row"><span class="layui-badge-dot"></span>&nbsp;&nbsp;<span id="goodsRateTime"></span>外汇牌价卖出价：<span class="layui-badge exchangeRate"></span></div>
                    <div class="layui-row"><span class="layui-badge-dot"></span>&nbsp;&nbsp;本次付汇人民币：<span class="layui-badge layui-bg-green payCny"></span></div>
                    <div class="layui-row"><span class="layui-badge-dot"></span>&nbsp;&nbsp;手续费金额：<span class="layui-badge layui-bg-green bankFee"></span></div>
                    <div class="layui-row"><span class="layui-badge-dot"></span>&nbsp;&nbsp;合计金额：<span class="layui-badge layui-bg-green totalVal"></span></div>
                </blockquote>
                <div class="layui-row" style="color: #ff0000">
                    温馨提示：为避免汇率变动，请于客户付人民币货款当日提交付汇申请。
                </div>
            </div>
        </div>
    </form>
    <form class="layui-form" method="post" lay-filter="memberForm" id="memberForm">
        <div class="layui-card-header"><span class="def-fc left-split"><i class="fa fa-address-card-o"></i>付款订单</span></div>
        <div class="layui-card-body">
            <table class="layui-table" lay-size="sm">
                <colgroup>
                    <col width="45">
                    <col width="100">
                    <col width="90">
                    <col width="350">
                    <col width="100">
                    <col width="70">
                    <col width="100">
                    <col width="100">
                    <col width="80">
                    <col>
                </colgroup>
                <thead>
                <tr>
                    <th>序号</th>
                    <th>订单号</th>
                    <th>订单日期</th>
                    <th>供应商</th>
                    <th>订单金额</th>
                    <th>订单币制</th>
                    <th>可付汇金额</th>
                    <th>本次申请金额</th>
                    <th>操作</th>
                    <th></th>
                </tr>
                </thead>
                <tbody id="orderBody">

                </tbody>
                <tfoot>
                <tr>
                    <th colspan="4">合计</th>
                    <th class="ttotalPrice" style="text-align: right"></th>
                    <th></th>
                    <th class="tpayVal" style="text-align: right"></th>
                    <th class="rpayVal" style="text-align: right"></th>
                    <th></th>
                    <th></th>
                </tr>
                </tfoot>
            </table>
        </div>
    </form>
</div>
<div class="tsf-page-btn-group">
    <button type="button" class="layui-btn layui-btn-sm save-btn"><i class="fa fa-save"></i>保存</button>
    <button type="button" class="layui-btn layui-btn-primary layui-btn-sm close-window"><i class="fa fa-close"></i>关闭</button>
</div>
<script type="text/javascript" src="/js/jquery.min.js?v=202001010101"></script>
<script type="text/javascript" src="/layui/layui.js?v=202001010101"></script>
<script type="text/javascript" src="/js/jquery-ui.min.js?v=202001010101"></script>
<script type="text/javascript" src="/My97DatePicker/WdatePicker.js?v=202001010101"></script>
<script type="text/javascript" src="/js/app.js?v=202006010928"></script>
<script type="text/javascript" src="/js/sel-load.js?v=202001010101"></script>
<script type="text/javascript" src="/js/autocomplete.js?v=202001010101"></script>
<script type="text/javascript" src="/finance/paymentAccount/payment_edit.js?v=888888888888"></script>
</body>
</html>